<template>
   <div class="user">
    <div class="userdiv">
        <div class="left">
            <ul>
                <li>我的订单</li>
                <router-link to="/user/wait" tag="li" active-class="active">待付款</router-link>
                <router-link to="/user/goods" tag="li" active-class="active">待发货</router-link>
                <router-link to="/user/Already" tag="li" active-class="active">已发货</router-link>
                <router-link to="/user/end" tag="li" active-class="active">已结束</router-link>
                <li>安全中心</li>
                <!-- <li>银行卡管理</li> -->
                 <router-link to="/user/car" tag="li" active-class="active">地址管理</router-link>
                 <router-link to="/user/password" tag="li" active-class="active">修改密码</router-link>
                <!-- <li>更换手机号</li> -->
                <router-link to="/user/num" tag="li" active-class="active">更换手机号</router-link>
                <!-- <li>设置登录名</li> -->
                  <router-link to="/user/name" tag="li" active-class="active">设置登录名</router-link>
            </ul>
        </div>
        <div class="right">
            <router-view></router-view>
        </div>
    </div>

   </div>
</template>

<script>
export default {
    mounted(){
        this.local()
    },
    methods:{
        local:function(){
            var that=this
            this.$router.push('/user/wait')
        }
    }
}
</script>

<style scoped>
.user{
    width: 100%;
    height: 100%;
}
.userdiv{
     width: 1191px;
     height: 760px;
     margin: 23px auto;
}
.left{
    width: 160px;
    height: 760px;
    float: left;
    border-right: 1px solid #ccc;
}
.left li{
    padding-bottom:32px;
    font-size: 15px;
    color: #333333;
}
.left li:first-child{
    font-weight: 800;
    font-size: 17px;
}
.left li:nth-child(6){
    font-weight: 800;
    font-size: 17px;
}
.left li:nth-child(11){
    font-weight: 800;
    font-size: 17px;
}
.right{
    float: right;;
    display: flex;
    flex: 1;
    width: 1021px;
    height: 760px;
}
.active:hover{
    color:  #0072ff;
}
</style>
